<template>
  <div :style="{ border: '1px solid green' }">
    <!-- 
      每一个组件实例上都有一个$root属性,可以获取的根Vue实例
      那我们就可以把多个组件共享的数据放在根Vue实例上,我们任何组件都可以获取这个数据和修改这个数据

     -->
    <h2>One:{{ $root.a }}</h2>
  </div>
</template>

<script>
export default {
  name: "One",
  mounted() {
    console.log(this.$root);
  },
};
</script>

<style></style>
